<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, shrink-to-fit=no" />
	<title>百宝箱</title>
	<link rel="shortcut icon" href="../../images/favicon.ico">
	<link rel="stylesheet" href="../../css/common.css">
	<link rel="stylesheet" href="../../css/style.css">
	<script src="../../js/common/jquery-1.11.3.min.js"></script>
	<script src="../../js/common/common.js"></script>
	<script src="../../js/common/tips.js"></script>
	<script src="../../js/home/treasureBox.js"></script>
</head>

<body class="treasureBox-body">
	<section class="treasureBox-container">
		<!-- 点击按钮音效 -->
		<audio src="../../mp3/button.mp3" preload="auto" id="buttonMps"></audio>
		<i class="treasurebox-back" id="treasureBoxBack"></i>
		<div class="treasureBox-content">
			<h1 class="treasurboxHead">-百宝箱-</h1>
			<div class="treasureBoxSort">
				<div class="treasureBoxSpecial1 treasureBoxSpecial2" id="specialReward">特殊奖励</div>
				<div class="treasureBoxOrdinary1" id="ordinaryReward">推荐奖励</div>
			</div>
			<div class="treasureBox-wrapper">
				<!-- <div class="treasureBox-gift">
					<div class="articleGift"></div>
					<li><span>第3关</span></li>
					<p>说给昨天的今天的明天的我们自己</p>
				</div>
				<div class="treasureBox-gift">
					<div class="musicGift"></div>
					<li><span>第6关</span></li>
					<p>说给昨天的今天的明天的我们自己</p>
				</div> -->
				<!-- <p class="endding">
					-没有更多奖励了-
				</p> -->
			</div>
			<div class="nogift">
				<div class="nogift-result"></div>
				<div class="nogift-text">
					还没获得宝物,快去闯关吧!
				</div>
			</div>
		</div>
		<div class="treasure"></div>
	</section>
	<div class="otherPlace">
		<span>您已掉线,请重新登录~</span>
		<div class="placeBtn">确定</div>
	</div>
</body>

</html>